import React from 'react';
import {connect} from 'dva';
import Role from '../components/Role';
import MainLayout from '../components/layouts/MainLayout';
import {Row, Col} from 'antd';

const Roles = ({dispatch, role}) => {
  const location = {
    pathname: '/role'
  };

  return (
    <MainLayout location={location}>
      <Row>
        <Col span={3}>

        </Col>
        <Col span={18}>
          <Role role={role}/>
        </Col>
        <Col span={3}>

        </Col>
      </Row>
    </MainLayout>
  );
};

export default connect(({role}) => ({
  role
}))(Roles);
